
<template>
    <div class="layout">
        <Layout>
            <Header>
                <h1 style="color:#fff">镜面分销管理后台</h1>
                
                <!-- <Menu  theme="dark" style="color:#fff">
                  镜面分销管理后台
                </Menu> -->
                <!-- <h3 name="main" @on-select='onSelect'>登陆</h3> -->
            </Header>
            <Layout>
                <Sider hide-trigger :style="{background: '#fff'}">
                    <Menu active-name="1" theme="light" width="auto" :open-names="['1']" @on-select='onSelect' >
                        <Submenu name="1">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                 经销商管理
                            </template>
                            <MenuItem name='detailsManagement'>经销商详情</MenuItem>
                            <MenuItem name='dealerManagement'>经销商审核</MenuItem>
                            <!-- <MenuItem name='blackManagement'>审核失败列表</MenuItem> -->
                            <MenuItem name="dealerTree">经销商结构树</MenuItem>
                        </Submenu>
                        <Submenu name="2">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                证书管理
                            </template>
                            <MenuItem name="certManagement">证书管理</MenuItem>                          
                            <MenuItem name="addTemplate">添加模板</MenuItem>
                        </Submenu>
                        <Submenu name="3">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>                            
                                服务管理
                            </template>
                            <MenuItem name="serviceManagement">服务管理</MenuItem>                            
                            <MenuItem name="newGiven">赠送服务</MenuItem>
                            <MenuItem name="surplusService">剩余服务</MenuItem>
                            <MenuItem name="usedService">已使用的服务</MenuItem>
                            <MenuItem name="changeService">已转移的服务</MenuItem>                           
                        </Submenu>
                        <Submenu name="99">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                返利配置
                            </template>
                            <MenuItem name="rebatePercent">返利设置</MenuItem>                           
                        </Submenu>
                        <Submenu name="4">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                招商订单
                            </template>
                            <MenuItem name="investmentOrder">招商订单</MenuItem>                           
                            
                        </Submenu>
                        <Submenu name="5">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                消费订单
                            </template>
                            <MenuItem name="consumerOrder">消费订单</MenuItem>                           
                            
                        </Submenu>
                        <Submenu name="6">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                团队招商奖励
                            </template>
                            <MenuItem name="teamZhaoSReward">团队招商奖励</MenuItem>
                            <!-- <MenuItem name="teamZhaoSRewardDetail">详情</MenuItem> -->
                        </Submenu>
                        <Submenu name="7">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                团队消费奖励
                            </template>
                            <MenuItem name="teamXiaoFReward">团队消费奖励</MenuItem>
                            <!-- <MenuItem name="teamXiaoFRewardDetail">详情</MenuItem> -->
                        </Submenu>
                        <Submenu name="8">
                             <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                 提现管理
                            </template>
                            <MenuItem name="cashManagement">提现管理</MenuItem>                            
                        </Submenu> 
                        <Submenu name="9">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                平台统计
                            </template>
                            <MenuItem name="statisticsPlatform">平台统计</MenuItem>                            
                        </Submenu>
                        <Submenu name="10">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                平台管理权限设置
                            </template>
                            <MenuItem name="platformRole">平台用户添加</MenuItem>
                        </Submenu>
                          <Submenu name="11">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                平台权限管理
                            </template>
                            <MenuItem name="platformRoleManagement">平台权限管理</MenuItem>
                        </Submenu>
                        <Submenu name="12">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                权限列表
                            </template>
                            <MenuItem name="authorizationList">权限列表</MenuItem>                                                       
                        </Submenu>
                        <Submenu name="13">
                            <template slot="title">
                                <Icon type="ios-keypad"></Icon>
                                操作记录
                            </template>
                            <MenuItem name="controlcost">消费操作</MenuItem>  
                            <MenuItem name="controlLevelUp">级别上调</MenuItem>
                            <MenuItem name="controldealer">经销商审核</MenuItem> 
                            <MenuItem name="controlservice">服务管理</MenuItem>
                            <MenuItem name="controladmins">管理员添加</MenuItem>                                                     
                        </Submenu>
                    </Menu>
                </Sider>
                <Layout :style="{padding: '0 24px 24px'}">
                    <!-- <h2 style="position:relative">后台登陆</h2>
                    <h3 class="input">账号<Input v-model="value" placeholder="账号" style="width:300px"/></h3> -->
                    
                    <!-- <Breadcrumb :style="{margin: '24px 0'}">
                        <BreadcrumbItem>Home</BreadcrumbItem>
                        <BreadcrumbItem>Components</BreadcrumbItem>
                        <BreadcrumbItem>Layout</BreadcrumbItem>
                    </Breadcrumb> -->
                    <Content :style="{padding: '24px', minHeight: '280px', background: '#fff'}">
                        <router-view/>
                    </Content>
                </Layout>
            </Layout>
        </Layout>
    </div>
</template>
<script>
export default {
    methods:{   
        onSelect(pageName){
            // console.log(pageName)
            let aid = localStorage.getItem("aid");
            if (aid=='undefined' || aid == ''){
                alert("您还没有登陆");
                this.$router.push("admin");
                return;
            }
            this.$router.push(pageName);
        }
        
    }
};
</script>
<style scoped>
.layout {
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}
.layout-logo {
    width: 100px;
    height: 30px;
    background: #5b6270;
    border-radius: 3px;
    float: left;
    position: relative;
    top: 15px;
    left: 20px;
}
.layout-nav {
    width: 420px;
    margin: 0 auto;
    margin-right: 20px;
}
h2 {
    margin: 0 auto;
    align-self: auto;
    top:2%
}
.input{
    margin: 0 auto;
    align-self: center;
    top:20%;
}
h3{
    color:#fff;
    margin: 0;
    left:10%;
}

</style>
